<template>
    <div class="header">
        <span class="gohome" v-if="showBox" @click="$emit('hidee')"> < </span>
        <span>{{title}}</span>
        <span class="more">...</span>
    </div>
</template>
<script>

export default {
    props:["title","showBox"]
}
</script>
<style>
.header{
    width: 100%;
    height: 44px;
    position: relative;
    text-align: center;
    background: #fff;
}
.header span{
    display: inline-block;
}
.gohome{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.more{
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0
}
</style>
